import { loginApi, getInfoApi, getDetailUserInfoApi } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {} // 定义一个空的对象 不是null 因为后边我要开发userInfo的属性给别人用  userInfo.name
  },
  mutations: {
    // 设置token
    setToken(state, data) {
      // 存state
      state.token = data
      // 存cookie
      setToken(data)
    },
    // 清除token
    removeToken(state) {
      state.token = ''
      removeToken()
    },
    // 设置用户信息
    setUserInfo(state, data) {
      state.userInfo = data // 用 浅拷贝的方式去赋值对象 因为这样数据更新之后，才会触发组件的更新
    },
    // 删除用户信息
    reomveUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async loginAction(context, data) {
      // data请求参数
      const res = await loginApi(data)
      // 触发mutation
      context.commit('setToken', res)
    },
    // 获取用户资料action
    async getUserInfoAction(context) {
      const res = await getInfoApi() // 获取返回值
      const res2 = await getDetailUserInfoApi(res.userId)
      console.log('user信息', res, res2)
      context.commit('setUserInfo', { ...res, ...res2 }) // ⭐将整个的个人信息设置到用户的vuex数据中
      return res // 这里为什么要返回 为后面埋下伏笔
    },
    // ⭐退出操作 实际工作中清除退出可能要发送请求 所以放异步操作里
    quitAction(context) {
      // 清除 token
      context.commit('removeToken')
      // 清除用户资料
      context.commit('reomveUserInfo')
      // 重置路由实例
      resetRouter()
      // 重置侧边栏数据 { root: true } 从根模块出发寻找方法
      context.commit('permission/setRoutes', [], { root: true })
    }
  }
}
